<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layuiAdmin 网站用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/jquery.min.js"></script>
    <style>
        .layui-nav-tree {
            width: 90px;
            padding: 0;
        }

        .layui-nav-tree .layui-nav-item a {
            height: 30px;
            line-height: 33px;
        }

        .layui-nav {
            border-radius: 0px;
            background-color： #4288ce;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">

                <div style="padding-bottom: 10px;">
                    <button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" onclick="add_act()"
                            data-type="add">添加活动
                    </button>
                </div>

            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">问题</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">搜索选择框</label>
                    <div class="layui-input-inline">
                        <select name="status" lay-verify="required" lay-search="">
                            <option value="10">-全部-</option>
                            <option value="0">已结束</option>
                            <option value="1">进行中</option>
                            <option value="2">等待结果</option>
                            <option value="3">清算中</option>
                            <option value="-1">待上架</option>
                        </select>
                    </div>
                </div>
                <br>
                <div class="layui-inline">
                    <label class="layui-form-label">开始日期</label>
                    <div class="layui-input-block">
                        <input type="text" name="start_time" id="s_time2" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">结束日期</label>
                    <div class="layui-input-block">
                        <input type="text" name="end_time" id="e_time2" placeholder="请输入截止时间" autocomplete="off" class="layui-input">
                    </div>
                </div>


                <div class="layui-inline">
                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="layui-card-body">

            <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
            <script type="text/html" id="imgTpl">
                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
            </script>
            <script type="text/html" id="LAY-user-manage">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
            <script type="text/javascript" src=""></script>
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script>
    layui.use(['form', 'laydate',"upload","jquery"], function(){
        laydate = layui.laydate;
        laydate.render({ //发布时间
            elem: '#s_time2'
            ,type: 'datetime'
        });
        laydate.render({ //发布时间
            elem: '#e_time2'
            ,type: 'datetime'
        });
    });

    function timeStamp2String(time) {
        var datetime = new Date();
        datetime.setTime(time);
        var year = datetime.getFullYear();
        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
        var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
    }
    //table 渲染
    layui.use(['table'], function () {
        var $ = layui.$
            , form = layui.form
            , table = layui.table;
        var tableIns = table.render({
            elem: '#LAY-user-manage',
            //后台api数据
            url: "{:url('lists?op=table')}",
            cellMinWidth: 95,
            page: true,
            height: "full-125",
            limits: [10, 40, 100, 500, 1000],
            limit: 10,
            id: "LAY-user-manage",
            cols: [[
                {field: 'id', title: 'id', minWidth: 10, align: "center"},
                {field: 'title', title: '题目', minWidth: 100, align: "center"},
                {field: 'btn_0', title: '选项1', minWidth: 100, align: "center"},
                {field: 'btn_1', title: '选项2', minWidth: 100, align: "center"},
                {field: 'cash_pool', title: '奖金池', minWidth: 50, align: "center"},
                {field: 'count', title: '参加人数', minWidth: 50, align: "center"},
                {field: 'result', title: '答案', minWidth: 50, align: "center"},
                {
                    field: ' ', title: '状态', align: 'center', templet: function (d) {
                    switch(d.status)
                    {
                        case 0: return '<span class="layui-badge layui-bg-gray">已结束</span>';
                        case 1: return '<span class="layui-badge layui-bg-red">进行中</span>';
                        case 2: return '<span class="layui-badge layui-bg-green">等待结果</span>';
                        case 3: return '<span class="layui-badge layui-bg-cyan">清算中</span>';
                        case -1: return '<span class="layui-badge layui-bg-black">未上架</span>'
                    }
                }
                },

                {field: 'start_time', title: '开始日期', minWidth: 180, align: "center"},
                {field: 'end_time', title: '结束日期', minWidth: 180, align: "center"},

                {
                    field: 'seed_status', title: '操作', align: 'center',minWidth: 200 ,templet: function (d) {
                    var str='';
                    if(d.status==-1)
                    {
                        str+='<a title="' + d.name + '编辑" onclick="edit(' + d.id + ',this)"  data-href="show_info?order_id=' + d.id + '" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>'
                        str+='<a title="上架" onclick="up_act('+d.id+',this)"  data-href="under_info?order_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">上架</a>';
                    }
                    if(d.status==2)
                    {
                        str+='<a title="设置答案" onclick="set_result('+d.id+',this)"  data-href="set_result?id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">设置答案</a>';
                    }
                    if(d.status==3)
                    {
                        str+= '<a title="开始清算" onclick="start_clear('+d.id+',this)"  data-href="under_info?order_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">开始清算</a>';
                    }
                    if(d.status!=-1)
                    {
                    str+= '<a title="" onclick="user_list('+d.id+',this)"  data-href="user_list?act_id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">参与用户</a>';
                    }
                    return str;
                }
                },

            ]]
        });
        console.log(tableIns);
        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;
            console.log(field);
            //执行重载
            table.reload('LAY-user-manage', {
                url: "{:url('lists?op=table')}",
                where: field,
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);
                    //得到当前页码
//                console.log(curr);
                    //得到数据总量
//                console.log(count);
                }
            });
        });


    });

    function add_act(obj)
    {
        var flag=1;
        layer.open({
            type: 2
            ,title: '预测活动'
            ,content: "{:url('add_act')}"
            ,maxmin: true
            ,area: ['75%', '90%']
            , btn: ['确定', '取消']
            , yes: function () {
                if(flag==0) return ;
                flag=0;
                var _content = $('div.layui-layer-content').children('iframe').contents();

                $.ajax({
                    type: 'GET',
                    url: "{:url('adding_act')}",
                    data: {'title': _content.find('#title').val(), 'img': _content.find('#img').val()
                        ,'btn_0':_content.find('#btn_0').val()
                        ,'btn_1':_content.find('#btn_1').val()
                        ,'start_time':_content.find('#start_time').val()
                        ,'end_time':_content.find('#end_time').val()
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (data.code == 0) {
                            layer.msg('添加成功!', {
                                icon: 1,
                                time: 1000,
                                end: function () {
                                    window.location.reload();
                                }
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 1, time: 1000, end: function () {
                                    window.location.reload();
                                }
                            });
                        }
                    }
                });
            }
            , end: function () {
                location.reload();
            }
        })
    }

    function edit(id,obj)
    {
        layer.open({
            type: 2
            ,title: '预测活动'
            ,content: 'edit?id=' + id
            ,maxmin: true
            ,area: ['75%', '90%']
            , btn: ['确定', '取消']
            , yes: function () {
                var _content = $('div.layui-layer-content').children('iframe').contents();
                $.ajax({
                    type: 'post',
                    url: "{:url('editing')}",
                    data: {'title': _content.find('#title').val(), 'img': _content.find('#img').val()
                        ,'btn_0':_content.find('#btn_0').val()
                        ,'btn_1':_content.find('#btn_1').val()
                        ,'start_time':_content.find('#start_time').val()
                        ,'end_time':_content.find('#end_time').val()
                        ,'id': _content.find('#id').val()
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (data.code == 0) {
                            layer.msg('编辑成功!', {
                                icon: 1,
                                time: 1000,
                                end: function () {
                                    window.location.reload();
                                }
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 1, time: 1000, end: function () {
                                    window.location.reload();
                                }
                            });
                        }
                    }
                });
            }
            , end: function () {
                location.reload();
            }
        })
    }

    function up_act(id,obj)
    {
        layer.confirm('确认要上架活动吗', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            layer.close();

            $.ajax({
                type: 'GET',
                url: "{:url('up_act')}",
                data: {'id': id},
                dataType: 'json',
                success: function (data) {
                    if (data.code == 0) {
                        layer.msg('上架成功!', {
                            icon: 1,
                            time: 1000,
                            end: function () {
                                window.location.reload();
                            }
                        });
                    } else {
                        layer.msg('上架失败', {
                            icon: 1, time: 1000, end: function () {
                                window.location.reload();
                            }
                        });
                    }
                }
            });
            layer.close(index);
        });

    }

    function start_clear(id,obj)
    {
        layer.confirm('确认要开始清算吗', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            layer.close();

            $.ajax({
                type: 'GET',
                url: "{:url('start_clear')}",
                data: {'id': id},
                dataType: 'json',
                success: function (data) {
                    if (data.code == 0) {
                        layer.msg('清算成功!', {
                            icon: 1,
                            time: 1000,
                            end: function () {
                                window.location.reload();
                            }
                        });
                    } else {
                        layer.msg('清算失败', {
                            icon: 1, time: 1000, end: function () {
                                window.location.reload();
                            }
                        });
                    }
                }
            });
            layer.close(index);
        });

    }

    //设置答案
    function set_result(id,obj)
    {
        layer.open({
            type: 2
            ,title: '预测活动'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['30%', '25%']
            , btn: ['确定', '取消']
            , yes: function () {
                var _content = $('div.layui-layer-content').children('iframe').contents();

                $.ajax({
                    type: 'GET',
                    url: "{:url('set_flag')}",
                    data: {'id': id, 'flag': _content.find('#flag').val()
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (data.code == 0) {
                            layer.msg('添加成功!', {
                                icon: 1,
                                time: 1000,
                                end: function () {
                                    window.location.reload();
                                }
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 1, time: 1000, end: function () {
                                    window.location.reload();
                                }
                            });
                        }
                    }
                });
            }
            , end: function () {
                location.reload();
            }
        })
    }

    function user_list(id,obj){
        layer.open({
            type: 2
            ,title: '查看'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }

</script>
</body>
</html>
